import React from 'react'
import { LineOutlined, AimOutlined, GatewayOutlined } from '@ant-design/icons';
import '@/index.css';

const toolList = [
  {
    id: 1,
    name: "折线",
    icon: LineOutlined,
    style: {
      fontSize: '20px'
    }
  },
  {
    id: 2,
    name: "关键点",
    icon: AimOutlined,
    style: {
      fontSize: '20px'
    }
  },
  {
    id: 3,
    name: "多边形",
    icon: GatewayOutlined,
    style: {
      fontSize: '20px'
    }
  }
]
const Tool = () => {
  return (
    <div className='tool-container'>
      <div className='pc-editor-tool'>
        {
          toolList.map(item => (
            <div className='tool-item' key={item.id}>
              <item.icon style={item.style} />
            </div>
          ))
        }
      </div>
    </div>
  )
}

export default Tool